<script setup>
//js的动态类型：
var x;               // x 为 undefined
x = 5;           // 现在 x 为数字
x = "John";      // 现在 x 为字符串

//字符串
var carname="Volvo XC60";
var carname='Volvo XC60';
var answer="He is called 'Johnny'";
var answer='He is called "Johnny"';

//undefined
var cars=null;
var person=null;

//js对象
var car = {name:"Fiat", model:500, color:"white"};

//对象的属性引用
car.name
car["model"]

var person = {
  firstName:"John",
  lastName:"Doe",
  age:50,
  eyeColor:"blue",

};

// 此处可调用 carName 变量

function myFunction() {
  carName = "Volvo";
  // 此处可调用 carName 变量
  window.a = carName;
  return this;//在函数中，函数的所属者默认绑定到 this 上。在浏览器中，window 就是该全局对象为 [object Window]
}

var person = {
  firstName: "John",
  lastName : "Doe",
  id       : 5566,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

var json = JSON.parse('{"name":"Runoob", "url":"www.runoob.com"}');
var object = JSON.stringify(person)

setTimeout(()=>{console.log("ok")},5000)

</script>

<template>
  {{person.fullName()}}
  <br>
  在 HTML 事件句柄中，this 指向了接收事件的 HTML 元素：
  <button onclick="this.style.display='none'">
    点我后我就消失了
  </button>
  <br>
  OBJ:{{object}}
  JSON:{{json}}
  <br>
  javascript:void(0),void()仅仅是代表不返回任何值，但是括号内的表达式还是要运行
  <p>点击以下链接查看结果：</p>
  <a href="javascript:void(alert('Warning!!!'))">点我!</a>
</template>

<style>

</style>
